<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
  <ui:define name="body">
  <h1 class="title ui-widget-header ui-corner-all">Asistencia del Personal</h1>
<h:form id="horarioAsistencia">
<p:fieldset legend="Buscar Personal" style="margin-top:20px">
<h:panelGrid columns="2">
<h:outputText value="Cargo :" />
<p:selectOneMenu id="cargo" value="#{comboAction.cargoEmpleado}" styleClass="required" title="El tipo es obligatorio!" >
<f:selectItem  itemValue="#{null}" itemLabel="Seleccione una opción"/>
<f:selectItems  value="#{comboAction.cargoEmpleadoItems}" />
 <p:ajax update="empleado"  listener="#{comboAction.cambiar2}" />  
</p:selectOneMenu>
<h:outputText value="Empleado :" />
<p:selectOneMenu id="empleado" value="#{horarioAsistencia.idempleado}" styleClass="required" title="El tipo es obligatorio!" >
<f:selectItem  itemValue="#{null}" itemLabel="Seleccione"/>
<f:selectItems  value="#{comboAction.empleadoxcargo}" />
</p:selectOneMenu>
<p:commandButton value="Buscar" ajax="false" action="#{horarioAsistencia.mostrar}" />
</h:panelGrid>
</p:fieldset>
<p:fieldset legend="Gestionar Asistencia" style="margin-top:20px">

<p:dataTable var="h" value="#{horarioAsistencia.listaAsistencia}" id="carList" editable="true" paginator="true" rows="5"
       paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
	   rowsPerPageTemplate="5,10,15" emptyMessage="No se encontro registros">
        <f:facet name="header">
            Asistencia
        </f:facet>
        <p:column headerText="Dia" style="width:125px">
        <h:outputText value="#{h.fecha}" />
        </p:column>
        <p:column headerText="1er Ingreso" style="width:125px">
                 <h:outputText value="#{h.horaIngreso1}" />
        </p:column>
        <p:column headerText="1ra Salida" style="width:125px">
                 <h:outputText value="#{h.horaSalida1}" />
        </p:column> 
        <p:column headerText="2do Ingreso" style="width:125px">
                 <h:outputText value="#{h.horaIngreso2}" />
        </p:column>
        <p:column headerText="2da Salida" style="width:125px">
                  <h:outputText value="#{h.horaSalida2}" />
        </p:column>       
         <p:column headerText="Observaciones" style="width:125px">
                     <h:outputText value="#{h.observaciones}" />
        </p:column>         
        <p:column headerText="Editar">
	    <p:commandButton value="Editar" 
		 action="#{horarioAsistencia.update}" oncomplete="asistenciaDialog.show()"  update=":formMantAsistencia:display">
		 <f:setPropertyActionListener value="#{h}"  
		  target="#{horarioAsistencia.objHorarioAsistencia}" />
		</p:commandButton>
	   </p:column>
    </p:dataTable>
    <p:spacer></p:spacer>
    <p:commandButton  value="Agregar" action="#{horarioAsistencia.agregarhorario}" 
oncomplete="asistenciaDialog.show()"  update=":formMantAsistencia:display"  />
</p:fieldset>
</h:form>
</ui:define>
</ui:composition>